<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--1.引入vue.js文件 可以是本地 在线-->
    <script src="../js/vue.js"></script>
</head>
<body>
<!--2.模版语法 定义vue来渲染数据的位置  容器-->
<div id="app">
    <!--vue渲染数据的位置-->
    <!--{{js表达式}}插值语法-->
    <h1>你好，{{username}},{{address}}</h1>


</div>

<script>
    //写vue的代码

    //3.创建Vue对象的实例
    var vm = new Vue({
        el:'#app',//el用来指定当前Vue对象的实例是给哪个容器来使用，值是css选择器
        data:{//data用于存放vue使用的数据 数据提供给el指定的容器去使用 值暂定是一个对象
            username:'hello,vue.js!',
            address:'昆明',
            ciry:['大理','成都']
        }
    });

</script>
</body>
</html>